<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>2025_home</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="./css/header-common.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/footer.css">
  <script type="text/javascript">
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    if (window.ActiveXObject) {
      Sys.ie = ua.match(/msie ([\d.]+)/)[1]
      if (Sys.ie <= 8) {
        alert('你目前的IE版本为' + Sys.ie + '版本太低，请升级！');
        location.href = "http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie";
      }
    }
  </script>
</head>
<body>
<!--header-->
<div class="header-top-content">
  <div class="top-huise-content">
    <div class="header margin-auto">
      <div class="header-top cursor cf wow fadeInDown" data-wow-delay="0.1s">
        <div class="fl flex-grow-0 flex-y-center">
          <img class="header-logo" src="./images/header-logo.png" alt="">
          <img src="./images/header-logo-right.png" alt="">
          <span class="compnay-desc">（央企旗下网站）</span>
        </div>
        <div class="contactBox flex-grow-0 flex-y-center fr cursor">
          <img src="./images/header_phone.png" alt="">
          <span class="phone-number">400-189-2025</span><span class="phone-desc">客服中心2025网公众微信</span>
          <img class="small-erwei" src="./images/header_erwei.png" alt="">
          <img class="show-big-erwei" src="./images/erwei.png" alt="">
        </div>
      </div>
    </div>
  </div>

  <div class="header margin-auto header-bottom-box">
    <div class="header-bottom cf wow fadeInDown" data-wow-delay="0.1s">
      <div class="fl cursor">
        <img src="./images/header-logo-bottom.png" alt="">
      </div>
      <ul class="nav-box fr">
        <li class="current"><a href="./index.html">首页</a></li>
        <li><a href="./yun_gong_chang.html">云工厂</a></li>
        <li><a href="##">云展馆</a></li>
        <li><a href="./yun_qing_zhan.html">云轻站</a></li>
        <li><a href="##">工业仿真动画</a></li>
        <li><a href="##">企业影视</a></li>
        <li><a href="##">关于我们</a></li>
      </ul>
    </div>
  </div>
</div>
<!--banner start-->
<div class="banner-container cursor">
  <div class="swiper-container1 swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><a href="#contact"><img src="./images/banner.jpg" alt=""></a></div>
      <div class="swiper-slide"><img src="./images/banner.jpg" alt=""></div>
      <div class="swiper-slide"><img src="./images/banner.jpg" alt=""></div>
    </div>
    <div class="swiper-pagination"></div>
    <div class="swiper-button-prev swiper-button-prev2"></div>
    <div class="swiper-button-next swiper-button-next2"></div>
  </div>
  <!--<div class="slider">-->
  <!--<div class="slider-item"></div>-->
  <!--</div>-->
  <!--<ul class="dotted-item-box">-->
  <!--<li></li>-->
  <!--<li class="active"></li>-->
  <!--<li></li>-->
  <!--<li></li>-->
  <!--</ul>-->
  <!--<div class="right-arrow arrow cursor"><img src="./images/banner-right-arrow.png" alt=""></div>-->
  <!--<div class="left-arrow arrow cursor"><img src="./images/banner-left-arrow.png"></div>-->
</div>

<div class="banner-bottom-container">
  <div class="diqiu wow fadeInRight" data-wow-delay="0.1s">
    <img src="./images/diqiu.png" alt="">
  </div>
  <!--Vr 云工厂-->
  <div class="header margin-auto">
    <div class="cf">
      <div class="content-jiao-hu fl wow bounceInLeft" data-wow-delay="0.1s">
        <div class="swiper-container swiper-container2">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="jiao-hu-title text-center">
                <img src="./images/jiaohu-title-1.png" alt="">
              </div>
              <div class="text-center">
                <div class="text">
                  真实还原生产过程,如同身临其境；3D漫游、逼真呈现; 交互式体验、沉浸其中、 真实还原操作流程, 适用于虚拟装配、虚拟培训、产品推广等场景。
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="jiao-hu-title text-center">
                <img src="./images/jiaohu-title-2.png" alt="">
              </div>
              <div class="text-center">
                <div class="text">
                  数字化工厂，智能化车间，提前将设计图纸转化为虚拟工厂既可多角度鸟瞰工厂，也可以查看设备和管网布置细节。
                </div>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="jiao-hu-title text-center">
                <img src="./images/jiaohu-title-3.png" alt="">
              </div>
              <div class="text-center">
                <div class="text">
                  通过图文、视频、Flash、3D、 交互技术，真实还原设备构造和生产工艺流程， 实现远程看厂、操作维护、设备管理、培训指导 ,打造永不落幕的在线展览馆。
                </div>
              </div>
            </div>
            <!--<div class="left-arrow small-arrow"><img src="./images/samll-arror-left.png" alt=""></div>-->
            <!--<div class="right-arrow small-arrow"><img src="./images/samll-arror-right.png" alt=""></div>-->
          </div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
          <!--<div class="swiper-pagination"></div>-->
          <!--<div class="swiper-button-prev"></div>-->
          <!--<div class="swiper-button-next"></div>-->
        </div>

      </div>
      <div class="fr">
        <div class="text-center wow bounceInRight" data-wow-delay="0.1s">
          <img src="./images/vryunzhanguang-text.png" alt="">
        </div>
        <div class="video-box wow bounceInRight" data-wow-delay="0.3s">
          <!--<div class="video">-->
          <!--<img src="./images/videobg.png" alt="">-->
          <video poster="./images/videobg.png"
                 class="video"
          >
            <source src="http://pc5hsiop1.bkt.clouddn.com/xngc.mp4"/>
          </video>
          <!--</div>-->
          <div class="video-border"></div>
          <div class="playBtn">
            <img class="cursor" src="./images/playBtn.png" alt="">
          </div>
        </div>
        <div class="text-center wow bounceInRight" data-wow-delay="0.5s" style="margin-top:50px">
          <img src="./images/video-desc-text.png" alt="">
        </div>
      </div>
    </div>
  </div>
  <!--vr 云展馆-->
  <div class="vr-yun-zhan-guang-box">
    <div class="header margin-auto">
      <div class="text-center wow bounceInLeft" data-wow-delay=".1s">
        <img src="./images/vr-yun-zhan-guang-title.png" alt="">
      </div>
      <div class="vr-yun-zhan-guang-content cf">
        <div class="fl left cursor">
          <img src="./images/deng_pao.png" alt="">
          <div class="mask">
          </div>
          <div class="mask-text">
            <p class="title">顶尖创意</p>
            <p class="desc">每款产品都有最适合的表现手法，最前沿的手机展示技术，为您搭配创意，让营销策略完美落地。</p>
          </div>
        </div>
        <div class="right">
          <div class="fl cursor">
            <img src="./images/hand.png" alt="">
            <div class="mask">
            </div>
            <div class="mask-text">
              <p class="title">互动营销体验</p>
              <p class="desc">文字、声音、图片、音频、视频、H5、三维、虚拟现实等多种手段互动结合，丰富用户体验和互动方式，移动营销更具互动性，传播能力更强。</p>
            </div>
          </div>
          <div class="fl cursor">
            <img src="./images/oo.png" alt="">
            <div class="mask">
            </div>
            <div class="mask-text">
              <p class="title">3D仿真</p>
              <p class="desc">视频都无法表达的产品内部结构、运行模拟状态以及无形的科技含量，交给3D仿真处理，即可一目了然。</p>
            </div>
          </div>
          <div class="fl cursor">
            <img src="./images/oo2.png" alt="">
            <div class="mask">
            </div>
            <div class="mask-text">
              <p class="title">VR+电商</p>
              <p class="desc" style="width: 320px">
                转动手指即可开启“上帝视角”，观看云展馆各种展品及相关资料，结合语音解说和其它影像手段，全面了解企业相关信息，实现远程看厂、在线沟通、云端成单。</p>
            </div>
          </div>
          <div class="fl cursor">
            <img src="./images/oo3.png" alt="">
            <div class="mask">
            </div>
            <div class="mask-text">
              <p class="title">社交分享</p>
              <p class="desc">微信、QQ、微博等社交媒体一键分享传播，移动端随时随地获取关注和流量，由单一的现场参观变成无限开放的网络受访，分分钟引爆朋友圈热点。</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!--工业-->
  <div class="gong-ye-container">
    <img class="person wow fadeInLeft" data-wow-delay="0.1s" src="./images/feixingyun.png" alt="">
    <img class="huojing wow fadeInRight" data-wow-delay="1s" src="./images/shutterstock.png" alt="">
    <div class="text-center wow bounceInRight" data-wow-delay="0.1s">
      <img src="./images/gong-ye-title.png" alt="">
    </div>
    <div class="cf gong-ye-item-box">
      <div class="gong-ye-item fl">
        <img src="./images/gong_ye_1.png" alt="">
        <div class="bottom-text">
          <span>机械产品</span>
        </div>
      </div>
      <div class="gong-ye-item fl">
        <img src="./images/gong_ye_2.png" alt="">
        <div class="bottom-text">
          <span>虚拟装配</span>
        </div>
      </div>
      <div class="gong-ye-item fl">
        <img src="./images/gong_ye_3.png" alt="">
        <div class="bottom-text">
          <span>工艺流程</span>
        </div>
      </div>
      <div class="gong-ye-item fl">
        <img src="./images/gong_ye_4.png" alt="">
        <div class="bottom-text last-current">
          <span>培训系统</span>
        </div>
      </div>
    </div>
  </div>

  <!--云轻站-->

  <div class="yun-qing-zhan-box">
    <div class="text-center wow bounceInRight" data-wow-delay=".1s">
      <img src="./images/yunqingzhan-title.png" alt="">
    </div>
    <div class="text-center cursor video-big-box">
      <img class="big-bg" src="./images/phone.png" alt="">
      <div class="video-container">
        <img class="small_playBtn" src="./images/playBtn.png" alt="">
        <video class="center-video">
          <!--<source src="http://pc5hsiop1.bkt.clouddn.com/xngc.mp4"/>-->
          <source src="http://www.2025.net/tpl/cloud/Public/colinks/media/001%20(2).mp4">
        </video>
      </div>
    </div>
  </div>

  <div class="qi_ye_container">
    <img class="hui_se_di_tu wow fadeInRight" data-wow-delay="0.1s" src="./images/huise_ditu.png" alt="">
    <div class="text-center wow bounceInLeft" data-wow-delay="0.1s"><img src="./images/qi_ye_title.png" alt=""></div>
    <div class="header margin-auto title-qi-ye cf">
      <!--<img class="wow bounceInLeft" data-wow-delay="0.2s" src="./images/qiyexingxiang.png" alt="">-->
      <ul class="left-list-click fl wow bounceInLeft" data-wow-delay="0.3s">
        <li class="active">
          <div class="common-style list-tab1"></div>
          <div class="img-arrow"><img src="./images/qi_ye_arrow.png" alt=""></div>
        </li>
        <li >
          <div class="common-style list-tab2"></div>
          <div class="img-arrow"><img src="./images/qi_ye_arrow.png" alt=""></div>
        </li>
        <li >
          <div class="common-style list-tab3"></div>
          <div class="img-arrow"><img src="./images/qi_ye_arrow.png" alt=""></div>
        </li>
        <li >
          <div class="common-style list-tab4"></div>
          <div class="img-arrow"><img src="./images/qi_ye_arrow.png" alt=""></div>
        </li>
      </ul>
      <div class="right-video-list-box fr wow bounceInRight" data-wow-delay="0.3s">
        <div class="right-video-item">
          <img class="videoBtn-1" src="http://2025.net/tpl/cloud/Public/newHome/img/yingshi02.jpg" alt="">
          <video class="video1">
            <source src="http://pc5hsiop1.bkt.clouddn.com/xngc.mp4"/>
          </video>
        </div>
        <div class="right-video-item" style="display: none">
          <img class="videoBtn-2" src="http://2025.net/tpl/cloud/Public/newHome/img/yingshi03.jpg" alt="">
          <video class="video2">
            <source src="http://pc5hsiop1.bkt.clouddn.com/xngc.mp4"/>
          </video>
        </div>
        <div class="right-video-item" style="display: none">
          <img class="videoBtn-1" src="http://2025.net/tpl/cloud/Public/newHome/img/yingshi04.jpg" alt="">
          <video class="video3">
            <source src="http://pc5hsiop1.bkt.clouddn.com/xngc.mp4"/>
          </video>
        </div>
        <div class="right-video-item"style="display: none">
          <img class="videoBtn-1" src="http://2025.net/tpl/cloud/Public/newHome/img/yingshi05.jpg" alt="">
          <video class="video4">
            <source src="http://pc5hsiop1.bkt.clouddn.com/xngc.mp4"/>
          </video>
        </div>
      </div>

    </div>
  </div>

  <div class="contact-box">
    <div class="text-center title wow bounceInLeft" data-wow-delay="0.1s">
      <a name="contact" id="contact"><img src="./images/contactUs.png" alt=""></a>
    </div>
    <form id="form" action="." class="form-box wow fadeIn" data-wow-delay="0.4s">
      <div class="button-top-box">
        <div class="flex-row flex-y-center input-box">
          <div class="flex-grow-0 flex-y-center top-input">
            <span class="red">*</span>
            <span class="font-famliy">称呼</span>
            <input class="name" name="userName" type="text" placeholder="先生或女士">
          </div>
          <div class="flex-grow-0 flex-y-center center">
            <span class="red">*</span>
            <span class="font-famliy">联系方式</span>
            <input class="phone" name="userPhone" type="text" placeholder="手机号">
          </div>
          <div class="flex-grow-0 flex-y-center">
            <span class="font-famliy">服务内容</span>
            <select name="select">
              <option>云工厂</option>
              <option>云展馆</option>
              <option>工业仿真动画</option>
              <option>高定H5</option>
              <option>企业影视</option>
            </select>
          </div>
        </div>
        <div class="flex-row flex-y-center">
          <span class="font-famliy">需求描述</span>
          <textarea id="textareaid" placeholder="选填" name="description" class="textarea"></textarea>
        </div>
        <script>
          var textareaid = document.getElementById('textareaid');
          textareaid.value = ''
        </script>
      </div>
      <div class="text-center" style="margin-left:-80px">
        <img class="cursor submitBtn" src="./images/submitBtn.png" alt="">
      </div>
    </form>
  </div>

  <footer class="footer_container">
    <div class="fadeback">
      <img class="goTop cursor wow bounceInDown" data-wow-delay="0.5s" src="./images/back_icon.png" alt="">
    </div>
    <div class="header margin-auto cf">
      <div>
        <dl class="footer-item-list">
          <dt>云展汇</dt>
          <dd><a href="##">展馆案例</a></dd>
          <dd><a href="##">党建专题</a></dd>
          <dd><a href="##">机械专题</a></dd>
        </dl>
        <dl class="footer-item-list">
          <dt>增值服务</dt>
          <dd><a href="##">高端定制H5</a></dd>
          <dd><a href="##">智能客服</a></dd>
          <dd><a href="##">企业影视</a></dd>
          <dd><a href="##">工业仿真</a></dd>
        </dl>
        <dl class="footer-item-list">
          <dt>其他服务</dt>
          <dd><a href="##">VR解决方案</a></dd>
          <dd><a href="##">互联网+</a></dd>
          <dd><a href="##">展销宝</a></dd>
        </dl>
        <dl class="footer-item-list">
          <dt>关于我们</dt>
          <dd><a href="##">公司介绍</a></dd>
          <dd><a href="##">团队实力</a></dd>
          <dd><a href="##">企业愿景</a></dd>
        </dl>
        <dl class="footer-item-list">
          <dt>热线电话</dt>
          <dd>400-189-2025</dd>
          <dd>客服一：189 7135 6279</dd>
          <dd>客服二：177 4050 2025</dd>
          <dd>QQ ：259 259 2025</dd>
        </dl>
      </div>
      <div class="footer-icon-box fl">
        <div><img src="./images/erwei.png" alt=""></div>
        <div class="icon-list">
          <a href="##"></a>
          <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2592592025&amp;site=qq&amp;menu=yes" target="_blank"></a>
          <a href="##"></a>
        </div>
      </div>
    </div>
    <div class="bottom-line"></div>
    <div class="copyRight">
      武汉纺友技术有限公司版权所有 鄂ICP备09014919号-39
    </div>
  </footer>


</div>
<script src="./js/jquery.min.js"></script>
<script src="./js/swiper.min.js"></script>
<script src="./js/wow.js"></script>
<script src="js/2025_home.js"></script>
<script>
  var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 30,
    mobile: true,
    live: true
  });
  wow.init();
</script>
<script>
  var mySwiper = new Swiper('.swiper-container1', {
    loop: true,
    autoplay: {
      delay: 3000
    },
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }
  });
  var mySwiper2 = new Swiper('.swiper-container2', {
    loop: true,
    autoplay: {
      delay: 2500
    },
    // 如果需要分页器
    // pagination: {
    //   el: '.swiper-pagination',
    //   clickable: true,
    // },
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    }
  });
</script>
</body>
</html>                                                                                                                                                                                                                                                                                                                                   